iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 3
2
自我挑戰組

自我挑戰日記系列 第 3

CSS:background 漸層的單位

  • 分享至 

  • xImage
  •  

大家好 /images/emoticon/emoticon37.gif

上篇文章所說的線性漸層,指定方向的值可以是關鍵字及度數以外,
還可以使用 grad 百分比、rad 弧度、turn圈數 為單位

度數 deg : 繞一圈為 360deg
百分比 grad : 繞一圈為 400grad
弧度 rad : 繞一圈為 6.2832rad
圈數 turn : 繞一圈為 1turn

這4個單位實作一次 "完整一圈" 看起來效果是一樣的,
也可以使用負數。

但在轉 1/4 圓時,
就是 90deg = 100grad = 1.5708rad = 0.25turn
發現到 90deg = 100grad = 0.25turn 是一樣的,
1.5708rad 居然不到 90度 !!??

查了好久相關的資料,
都是 90deg = 100grad = 0.25turn ≈ 1.5708rad
也就是 約等於 90度,
真是有趣,先記下了!!/images/emoticon/emoticon33.gif

--- 明日待續。


上一篇
CSS:background 雙色漸層
下一篇
CSS:background 圓型漸層
系列文
自我挑戰日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言